<%@ page pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"utf-8" /> 
<title>购买商品页面</title> 
</head> 
<style type="text/css"> 
body { 
font: normal 11px auto "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
color: #4f6b72; 
background: #E6EAE9; 
display: flex;
	align-items: center;
	justify-content: center;
	height: 547px;
} 
a { 
color: #c75f3e; 
} 
 
#mytable { 
width: 700px; 
padding: 0; 
margin: 0; 
} 
 
caption { 
padding: 0 0 5px 0; 
width: 700px; 
font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
text-align: center; 
} 
 
th { 
font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
color: #4f6b72; 
border-right: 1px solid #C1DAD7; 
border-bottom: 1px solid #C1DAD7; 
border-top: 1px solid #C1DAD7; 
letter-spacing: 2px; 
text-transform: uppercase; 
padding: 6px 6px 6px 12px; 
background: #CAE8EA  no-repeat; 
} 
 
th.nobg { 
border-top: 0; 
border-left: 0; 
border-right: 1px solid #C1DAD7; 
background: none; 
} 
 
td { 
border-right: 1px solid #C1DAD7; 
border-bottom: 1px solid #C1DAD7; 
background: #fff; 
font-size:11px; 
padding: 6px 6px 6px 12px; 
color: #4f6b72; 
} 
 
 
td.alt { 
background: #F5FAFA; 
color: #797268; 
} 
 
th.spec { 
border-left: 1px solid #C1DAD7; 
border-top: 0; 
background: #fff no-repeat; 
font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
} 
 
th.specalt { 
border-left: 1px solid #C1DAD7; 
border-top: 0; 
background: #f5fafa no-repeat; 
font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
color: #797268; 
} 
html>body td{ font-size:11px;} 
body,td,th { 
font-family: 宋体, Arial; 
font-size: 12px; 
} 
</style> 
<body> 
<form method="post">
<table id="mytable" cellspacing="0"> 
<caption>商品清单</caption> 
<tr> 
<th scope="col">序号</th> 
<th scope="col">商品名</th> 
<th scope="col">商品价格</th> 
<th scope="col">商品介绍</th> 
<th scope="col">商品照片</th> 
<th scope="col">公司编号</th> 
<th scope="col">操作</th>
</tr> 

 <c:forEach var="s" items="${shopping}" varStatus="vs">
<tr>
	<td>${vs.count }</td>
	<td>${s.sname }</td>
	<td>${s.sprice }</td>
	<td>${s.sintroduce }</td>
	<td>
		<img src="${pageContext.request.contextPath }/${s.spic }">
		</td>
	<td>${s.buyid }</td>
	<td align="center" colspan="7">
	 <a href="${pageContext.request.contextPath}/addShopping.action?sid=${s.sid}">加入购物车</a>
	</td>
</tr>
</c:forEach>
<tr>
	
</tr>
</table> 
 </form>
</body> 
</html>